

<HTML>
<HEAD>
<TITLE>Fourth Test of Section 10.4 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">



p {max-width: 20px}
strong {max-width: 200%}
h3 {max-width: inherit}
h4 {max-width: 20px}
h5 {max-width: 200%}


</STYLE>
</HEAD>




<BODY>
<!--
<h1 >
Testing Fourth Testable Statement of Sec 10.4 of CSS2 Specification
</h1>


<ul>
<li  >
4. The 'max-width' property has initial 'none', it applies to all elements
except certain ones, it is not inherited, percentages refer to width of 
containing block, and media is visual.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #4 above is passed, then
-->
<blockquote>
This blockquote element has max-width none (initial value, no explicit CSS
rule defined)
</blockquote>
<p>
This paragraph has max-width of 20px.  This <em>emphasized text</em> has
max-width of UA-default, even though em is descendant of p (property not
inherited).</p>
<strong>This strong text has max width of 200%</strong>
<h3>This h3 heading has max width of inherit</h3>
<h4>This h4 text has max width of 20px</h4>

<h5>This h5 heading is max width 200%</h5>


The rules applied are "p {max-width: 20px}",
"strong {max-width: 200%}",
h3 {max-width: inherit}",
h4 {max-width: 20px}",
h5 {max-width: 200%}".

NOTE: From all elements listed above, max-width property should apply to all
elements.
<!--
All other properties of this page should be UA-default.
Your browser rendering of this page should look similar to this <a href="c83201.gif"> 
reference image </a> or to this <a href="d83201.gif">reference image</a>.
-->


</BODY>
</HTML>

